
        new Vue({
            el: '#app',
                data() {
                    return {
                    menuData: [],
                        curPage:'../news/news.html'
                };
            },
            created() {
            this.fetchMenuData(); // 页面创建时请求菜单数据
        },
            methods: {
                fetchMenuData() {
                    fetch('/getMeu')
                    .then(response => response.json())
                    .then(data => {
                    this.menuData = data; // 将返回的数据赋值给 menuData
                })
                    .catch(error => {
                        console.error('请求菜单数据失败', error);
                });
            },
                handleOpen(key, keyPath) {
                    console.log('打开菜单:', key, keyPath);
            },
                handleClose(key, keyPath) {
                    console.log('关闭菜单:', key, keyPath);
            }
        }
    });



        var $,form,table,layer,transfer,laydate,upload,element;
        layui.use(['jquery','table','form','layer','transfer','laydate','upload','element'], function(){
            var $ = layui.jquery;
            var element = layui.element;
            var util = layui.util;
            var $ = layui.$;

            function click_team(){
                alert("1");
            }
            //点击团队时触发
            function adasa() {
                const contentFrame = document.getElementById('contentFrame');
                contentFrame.src = './renak.html'; // 设置 iframe 的 src 属性
            }

            document.addEventListener('DOMContentLoaded', function() {
                const teamMenu = document.getElementById('teamMenu');
                teamMenu.addEventListener('click', function() {
                    adasa(); // 调用 adasa 方法
                });
            });

            //头部事件
            util.event('lay-header-event', {
                //左侧菜单事件
                menuLeft: function(othis){
                    layer.msg('展开左侧菜单的操作', {icon: 0});
                }
                ,menuRight: function(){
                    layer.open({
                        type: 1
                        ,content: '<div style="padding: 15px;">处理右侧面板的操作</div>'
                        ,area: ['260px', '100%']
                        ,offset: 'rt' //右上角
                        ,anim: 5
                        ,shadeClose: true
                    });
                }
            });

            // //请求数据
            // function fetchData() {
            //     console.log("kaishiqingqiu")
            //     $.ajax({
            //         url: 'http://localhost:8080/atshort', // 接口路径
            //         method: 'GET',
            //         success: function(data) {
            //             var $tableBody = $('#tableBody');
            //             $tableBody.empty(); // 清空表格内容
            //
            //             if (data.data && data.data.length > 0) {
            //                 // 有数据时填充表格
            //                 console.log("data",data);
            //                 data.data.forEach(function(item) {
            //                     $tableBody.append(
            //                         `<tr>
            //                             <td>${item.ID}</td>
            //                             <td>${item.Name}</td>
            //                             <td>${item.Age}</td>
            //                             <td>${item.Email}</td>
            //                         </tr>`
            //                     );
            //                 });
            //             } else {
            //                 // 数据为空时显示“暂无数据”
            //                 $tableBody.append(
            //                     `<tr>
            //                         <td colspan="4" style="text-align: center;">暂无数据</td>
            //                     </tr>`
            //                 );
            //             }
            //         },
            //         error: function() {
            //             // 请求失败时也显示“暂无数据”
            //             var $tableBody = $('#tableBody');
            //             $tableBody.empty();
            //             $tableBody.append(
            //                 `<tr>
            //                     <td colspan="4" style="text-align: center;">暂无数据</td>
            //                 </tr>`
            //             );
            //         }
            //     });
            // }
            //
            // // 页面加载时请求数据
            // fetchData();
            //
            // $('#searchBtn').on('click', function() {
            //     var searchValue = $('#searchInput').val();
            //     // 在这里可以添加搜索逻辑
            //     alert('搜索内容: ' + searchValue);
            // });1
        });

